extends layout

block stylesheets
    link(rel="stylesheet", href="/stylesheets/swiper-3.4.1.min.css")
    link(rel="stylesheet", href="/stylesheets/layout.css")
    link(rel="stylesheet", href="/stylesheets/index.css")
block javascripts
    script(type='text/javascript', src='/javascripts/swiper-3.4.2.jquery.min.js')
    script(type='text/javascript', src='/javascripts/jquery-ui.min.js')
    script(type='text/javascript', src='/javascripts/layout.js')
    script.
        var catalog = !{JSON.stringify(catalog)}
block content
    include common
    // 框架
    .layout
        // 框架按钮
        i.layout-btn-r.open >
        // 框架右
        .layout-r
            // 一级标题分类
            each item in catalog
                h3.title_type
                    //- 优化展示--- (1) 排序
                    =item.name.split(')')[1] || item.name
                    span.type_switch +
                // 分类下的列表
                ul.attr_list
                    ul
                        if item.folder
                            each items, index in item.folder
                                if items.url && items.name.split('.')[1] === 'html'
                                    li
                                        a(href='javascript:;', data-url=items.url, id=item.name.split('.')[1] + '_' + index)
                                            if items.imgUrl
                                                i.ico-mod.nobg
                                                    i.ico-img(style="background-image:url('" + items.imgUrl.split('public')[1] + "');" )
                                                    //img()
                                            else
                                                i.ico-mod
                                            strong.mod-tit=items.name.split('.')[0]
                    if item.folder
                        each items in item.folder
                            if !items.url
                                h4.title_attr=items.name
                                    i.attr-open
                                ul
                                    each itemli, index in items.folder
                                        li
                                            a(href='javascript:;', data-url=itemli.url, id= items.name.split('.')[1] + '_' + index)
                                                if itemli.imgUrl
                                                    i.ico-mod.nobg
                                                        i.ico-img(style="background-image:url('" + itemli.imgUrl.split('public')[1] + "');" )
                                                        //img()
                                                else
                                                    i.ico-mod
                                                strong.mod-tit=itemli.name

                                        //li
                                        //    // 二级标题分类
                                        //    h4.title_attr
                                        //        a.look_demo(href='http://www.baidu.com', target='ifrmae_show') www.baidu.com
                                        //    // 简介
                                        //    p.attr_exp 百度一下！~

        // 框架左
        .layout-l
            .iframe-mask.dn
            .layout-show

            //iframe#ifrmae_show(src='http://www.360.com', name='ifrmae_show', frameborder='0', width='100%', height='100%', scrolling='auto')
    script.
        $(function () {


        });


